<template>
  <div>

  </div>
</template>

<script>
import { reactive, toRefs, onMounted } from 'vue'
import {useRouter} from 'vue-router'
export default {
  name: '',
  setup() {
    const data = reactive({
      active: "/",
      isEven: true
    })
    const router=useRouter()
    const handleChange = (value) => {
      router.push(value)
      console.log(value)
      console.log(data.active)
    }
    onMounted(() => {
      
    })
    return {
      ...toRefs(data),
      handleChange,
    }
  },
}

</script>
<style scoped lang='scss'>
.bottom-navigation-example {
  margin-top: 40px;
}
</style>